/*
 * @Author: 肖思汗 
 * @Date: 2025-07-10 16:15:41 
 * @Last Modified by:   肖思汗 
 * @Last Modified time: 2025-07-10 16:15:41 
 */
.index {

    .swiper {
        height: 400rpx;
        touch-action: unset;

        :global(.nut-indicator-dot) {
            background: #fff;
        }

        :global(.nut-indicator-active) {
            background: #fff;
        }
    }

    .pendant {
        position: absolute;
        height: 450rpx;
        top: calc(env(safe-area-inset-bottom) + 120rpx);
        right: 0rpx;
    }

    .menuSwiper {
        touch-action: unset;
        margin-top: 20rpx;

        .menuSwiperContent {
            touch-action: unset;
            border-radius: 10rpx;
            box-sizing: border-box;

            :global(.nut-grid) {
                display: flex;
                flex-wrap: wrap;
                // justify-content: space-around;

                :global(.nut-grid-item) {
                    text-align: center;

                    :global(.nut-grid-item-text) {
                        font-size: 24rpx;
                        color: #333;
                    }

                    :global(.nut-grid-item-content) {
                        background: none;
                        padding: 8rpx;
                        height: 80%;
                    }
                }
            }

            .menuImage {
                height: 80rpx;
                width: 80rpx;
                border-radius: 20rpx;
            }
        }
    }

    :global(.nut-cell-group-wrap) {
        background: none;
    }

    :global(.nut-cell) {
        background: none;
    }

    .buttonSpace {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding: 0 16rpx;

        &::-webkit-scrollbar {
            display: none;
        }
    }

    .goodsList {
        display: flex;
        flex-wrap: wrap;
        gap: 20rpx;
        padding: 20rpx;
        justify-content: space-between;
    }

    .goodsItem {
        width: 48%;
        background-color: #fff;
        border-radius: 12rpx;
        padding: 16rpx;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
    }

    .goodsImage {
        width: 100%;
        height: auto;
        border-radius: 8rpx;
        margin-bottom: 12rpx;
    }

    .goodsName {
        font-size: 26rpx;
        color: #333;
        margin-bottom: 8rpx;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .goodsTags {
        display: flex;
        gap: 8rpx;
        margin-bottom: 12rpx;
        flex-wrap: wrap;
        justify-content: center;
    }

    .goodsTag {
        font-size: 20rpx;
        color: #666;
        background-color: #f0f0f0;
        padding: 4rpx 10rpx;
        border-radius: 6rpx;
    }

    .goodsPrice {
        font-size: 30rpx;
        color: #e60012;
        margin-bottom: 12rpx;
    }

    .goodsButton {
        width: 100%;
        font-size: 24rpx;
        text-align: center;
    }




}